<!doctype html>
<html>
	<head>
		<title>Blah</title>
		<link rel="stylesheet" type="text/css" href="css/main.css"/>
	</head>
	<body>
		<div id="nav-container">
			<div class="navthumb" id=1>Nav1</div>
			<div class="navthumb" id=2>Nav2</div>	
			<div class="navthumb" id=3>Nav3</div>	
			<div class="navthumb" id=4>Nav4</div>	
			<div class="navthumb" id=5>Nav5</div>	
			<div class="navthumb" id=6>Nav6</div>	
			<div class="navthumb" id=7>Nav7</div>	
			<div class="navthumb" id=8>Nav8</div>	
		</div>
		<div id="reel-container">
			<div id="reel">
				<div class="card-container" id=1>
					<div class="card">
						<div class="front">
							<label>First name: </label><div class="patientdata" id="firstname"></div>
							<label>Last name: </label><div class="patientdata" id="lastname"></div>
							<label>Date of birth: </label><div class="patientdata" id="dob"></div>
							<label>Gender: </label><div class="patientdata" id="gender"></div>
						</div>
						<div class="back">
							<form class="myform">
							<label>First name: </label><input type="text" name="firstname" value="GhostFirst"><br>
							<label>Last name: </label><input type="text" name="lastname" value="GhostLast"><br>
							<label>Date of birth: </label><input type="text" name="dob" value="__/__/____"><br>
							<label>Gender: </label><input type="text" name="gender"><br>
							<label></label><input type="submit" class="button" value="Okay I'm Done">
							</form>
						</div>
					</div>	
				</div>
				<div class="card-container" id=2>
					<div class="card">
						<div class="front">front 2</div>
						<div class="back">back 2</div>
					</div>	
				</div>		
				<div class="card-container" id=3>
					<div class="card">
						<div class="front">front 3</div>
						<div class="back">back 3</div>
					</div>	
				</div>	
				<div class="card-container" id=4>
					<div class="card">
						<div class="front">front 4</div>
						<div class="back">back 4</div>
					</div>	
				</div>
				<div class="card-container" id=5>
					<div class="card">
						<div class="front">front 5</div>
						<div class="back">back 5</div>
					</div>	
				</div>	
				<div class="card-container" id=6>
					<div class="card">
						<div class="front">front 6</div>
						<div class="back">back 6</div>
					</div>	
				</div>
				<div class="card-container" id=7>
					<div class="card">
						<div class="front">front 7</div>
						<div class="back">back 7</div>
					</div>	
				</div>	
				<div class="card-container" id=8>
					<div class="card">
						<div class="front">front 8</div>
						<div class="back">back 8</div>
					</div>
				</div>	
			</div>
		</div>
		<script type="text/javascript" src="js/jquery-2.1.1.js"></script>
		<script type="text/javascript" src="js/scripts.js"></script>
		<script type="text/javascript" src="js/eventHandlers.js"></script>
	</body>
</html>
